    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>ajax</title>
    <style>
    *{margin:0;padding:0px;font-size: 12px;}
    a{text-decoration: none;}
    ul{list-style: none;}
    #box{width:500px;margin:20px auto;}
    .btn{display:block;width:50px;height:50px;margin:20px auto;line-height: 50px;text-align: center;border:1px #000 solid;color: #000000;transition:.3s linear;}
    .btn:hover{background: #000;color:#fff;font-weight: bold;}
    #con{margin-top:20px;}
    #con li{line-height: 30px;text-align: center;}
    </style>
    <form enctype="multipart/form-data" method="post" action="/users">
        <input name="id" class="usrid" value="" spellcheck="false" type="text"/>
        <input  name="password" class="password" value=""  type="password"/>
        <label><input name="auth" type="radio" value="1" />学生 </label>
        <label><input name="auth" type="radio" value="2" />老师 </label>
        <label><input name="auth" type="radio" value="3" />管理员</label>
        <input  type="submit"  style=" background: #999;color: #000;"  value="登录" />
    </form>
   <!--<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>-->
    <!--<script>-->
        <!--$(function(){-->
          <!--//  $('.btn').click(function(){-->
                <!--$.ajax({-->
                    <!--type: 'get', //请求的方式，也有get请求-->
                    <!--url: '/users', //请求地址，后台提供的,这里我在本地自己建立了个json的文件做例子-->
                   <!--//data: {name:name},//data是传给后台的字段，后台需要哪些就传入哪些-->
                    <!--dataType: "json", //json格式，后台返回的数据为json格式的。-->
                    <!--success: function(result){-->
                        <!--var dataObj = result, //返回的result为json格式的数据-->
                        <!--con = "";-->
                        <!--$.each(dataObj.first, function(index, item){-->
                            <!--con += "<li>姓名："+item.name+"</li>";-->
                          <!--//  con += "<li>性别："+item.sex+"</li>";-->
                        <!--});-->
                        <!--alert(con);-->
                        <!--console.log(con);    //可以在控制台打印一下看看，这是拼起来的标签和数据-->
                        <!--$("#con").html(con); //把内容入到这个div中即完成-->
                    <!--}    -->
                <!--})-->
            <!--})-->
    <!--//    })-->
    <!--</script>-->
</head>
<!--<body>-->
    <!--<div id="box">-->
    <!--&lt;!&ndash;//    <a class="btn" href="javascript:;">点击</a>&ndash;&gt;-->
        <!--<ul id="con"></ul>-->
    <!--</div>-->
    <!--&lt;!&ndash;<form enctype="multipart/form-data" method="post" action="/users">&ndash;&gt;-->
        <!--&lt;!&ndash;<input name="id" class="usrid" placeholder="学号" value="" spellcheck="false" autofocus="" type="id"/>&ndash;&gt;-->
        <!--&lt;!&ndash;<input  name="password" id="password" placeholder="密码"  type="password"/>&ndash;&gt;-->
        <!--&lt;!&ndash;<label><input name="auth" type="radio" value="1" />学生 </label>&ndash;&gt;-->
        <!--&lt;!&ndash;<label><input name="auth" type="radio" value="2" />老师 </label>&ndash;&gt;-->
        <!--&lt;!&ndash;<label><input name="auth" type="radio" value="3" />管理员</label>&ndash;&gt;-->
        <!--&lt;!&ndash;<input  type="submit"  style=" background: #999;color: #000;"  value="登录" />&ndash;&gt;-->
    <!--&lt;!&ndash;</form>&ndash;&gt;-->

<!--</body>-->
</html>